<!DOCTYPE html>
<html lang="">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
    <!--    <meta name="theme-color" content="#202020">-->
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="keywords" content="">
    <meta name="description" content="Fooying&#39;s Blog">
    <link rel="icon" type="image/x-icon" href="">
    <title> {block name="title"}Blog{/block} </title>
    <link rel="stylesheet" href="/static/blog/css/pure-min.css">
    <link rel="stylesheet" href="/static/blog/css/xoxo.css">
    <meta name="generator" content="Hexo 6.3.0">
    <link rel="alternate" href="https://www.fooying.com/atom.xml" title="Fooying" type="application/atom+xml">
    <style type="text/css">.heart {
        z-index: 9999;
        width: 10px;
        height: 10px;
        position: fixed;
        background: #f00;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
    }

    .heart:after, .heart:before {
        content: '';
        width: inherit;
        height: inherit;
        background: inherit;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        position: absolute;
    }

    .heart:after {
        top: -5px;
    }

    .heart:before {
        left: -5px;
    }</style>
</head>

<body>
<div class="nav-container">
    <nav class="home-menu pure-menu pure-menu-horizontal">
        <a class="pure-menu-heading" href="/">
            <span class="title" style="text-transform:none">Shao Ling</span>
        </a>
        <ul class="pure-menu-list clearfix">
            <li class="pure-menu-item" id="home">
                <a href="/" class="pure-menu-link">首页</a>
            </li>
            <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover" id="article">
                <a href="javascript:;" class="pure-menu-link">文章</a>
                <ul class="pure-menu-children">
                    <li class="pure-menu-item" id="categories">
                        <a href="/categories" style="color:#202020;" class="pure-menu-link">分类</a>
                    </li>
                    <li class="pure-menu-item" id="archives">
                        <a href="/archives" style="color:#202020;" class="pure-menu-link">归档</a>
                    </li>
                    <li class="pure-menu-item" id="tags">
                        <a href="/tags" style="color:#202020;" class="pure-menu-link">标签</a>
                    </li>
                </ul>
            </li>
            <li class="pure-menu-item" id="project">
                <a href="/project" class="pure-menu-link">项目</a>
            </li>
            <li class="pure-menu-item" id="search">
                <a href="/search" class="pure-menu-link">搜索</a>
            </li>
        </ul>
    </nav>
</div>

{block name="content"}{/block}

<footer class="footer text-center">
    <div id="bottom-inner">
        <a class="bottom-item" href="#" target="_blank">GitHub</a> |
        <a class="bottom-item" href="/blog/links">友情链接</a> |
        <!--        <a class="bottom-item" href="https://hexo.io/" target="_blank">Powered by hexo</a> |-->
        <a class="bottom-item" href="#">订阅</a>
    </div>
</footer>


<script src="/static/blog/js/jquery-3.3.1.min.js"></script>
<script src="/static/blog/js/push.js"></script>
<script src="/static/blog/js/hm.js"></script>
<script src="/static/blog/js/busuanzi.pure.mini.js" async=""></script>
<script>
    //actived
    let url = window.location.pathname;

    switch (url) {
        case  '/categories':
            $('#article').addClass('actived');
            $('#categories').children('a').attr("style", '');
            break;
        case  '/archives':
            $('#article').addClass('actived');
            $('#archives').children('a').attr("style", '');
            break;
        case  '/tags':
            $('#article').addClass('actived');
            $('#tags').children('a').attr("style", '');
            break;
        case  '/project':
            $('#project').addClass('actived');
            break;
        case  '/search':
            $('#search').addClass('actived');
            break;
        case  '/':
            $('#home').addClass('actived');
            break;
        default:
            console.log(1);
    }
</script>
{block name="js"}{/block}

</body>
</html>
